<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <input type="text" name="user">
        <input type="text" name="pwd">
    </form>
    <script>
       // 特殊的标签简写


        // 1.html标签 document.documentElement
      // console.log( document.documentElement)  // 是html元素的简写；
        // console.log(document.querySelector("html"));


        // 2.head标签 :document.head;
        // console.log(document.head);
    //    console.log(  document.querySelector("head"));

        // 3. title内容 ： document.title 注意 是获取title的内容 ，也可以设置title的文本内容 ；不是标签
        // console.log(document.title);
        // console.log(document.querySelector("title").innerText);
        // document.title = 1;
        // setInterval(function(){
        //     document.title++;
        // }, 1000);
       
     //    4.可以通过 name名字来获取元素；
        // document.onclick = function(){
        //    var res =  document.getElementsByName("user");
        //    console.log(res);
        // }


            // 5.获取body标签；document.body
            // console.log(document.body);
            // console.log(document.querySelector("body"));
            
    </script>
</body>
</html>